﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>邯郸市公安局峰峰矿区分局</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/home.css">

    <script src="./libs/jquery-1.9.1.min.js"></script>
    <script src="./libs/jquery.jDiaporama.js"></script>
    <script src="./libs/jquery.SuperSlide.2.1.1.js"></script>
    <script src="./libs/jquery.getParame.js"></script>
    <script src="./libs/jrender.min.js"></script>
    <script src="./js/config.js"></script>
    <!-- <script src="../config.js"></script> -->


    <!-- Tooltip classes -->
    <link rel="stylesheet" href="libs/poshytip/tip-yellow/tip-yellow.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-violet/tip-violet.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-darkgray/tip-darkgray.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-skyblue/tip-skyblue.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-twitter/tip-twitter.css" type="text/css" />

	<link rel="stylesheet" href="libs/poshytip/tip-green/tip-green.css" type="text/css" />
    


    <!-- jQuery and the Poshy Tip plugin files -->
    <script type="text/javascript" src="libs/poshytip/jquery.poshytip.js"></script>


    <!--[if IE 7]>
            <link rel="stylesheet" href="css/ie7.css">
    <![endif]-->
    <!--[if IE 8]>
            <link rel="stylesheet" href="css/ie8.css">
    <![endif]-->

     <!--[if lt IE 8]>
        <script>

            alert('您的IE浏览器版本太低，建议升级，请在网站最下方点击【IE浏览器下载】')

        </script>
    <![endif]-->
</head>

<body>


    <!-- 浮动框 -->
    <div id="fload-box"></div>

    <!-- 浮动框模板引擎 -->
    <script type="text/x-jsrender" id="fload-specCard">
        {{for return_body}} {{if picClassify == 4}}
        <div id="floadAD_{{:id}}" class="floadAd">
            <a class="close" style="color:#0d72b8;font-size: 12px">×关闭</a>
            <a class="item" title='{{:title}}' href="{{:jumpPath}}" target="_blank">
                <img src="{{:picUrl}}" alt="{{:title}}" />
            </a>
        </div>
        {{/if}} {{/for}}
    </script>

    <script>
        //广告漂浮窗口  
        function FloatAd(selector) {
            var obj = $(selector);
            if (obj.find(".item").length == 0) return; //如果没有内容，不执行  
            var windowHeight = $(window).height(); //浏览器高度  
            var windowWidth = $(window).width(); //浏览器宽度  
            var dirX = -1.5 * Math.floor(Math.random() * (100 - 50 + 1) + 50) / 100; //每次水平漂浮方向及距离(单位：px)，正数向右，负数向左，如果越大的话就会看起来越不流畅，但在某些需求下你可能会需要这种效果  
            var dirY = -1 * Math.floor(Math.random() * (100 - 50 + 1) + 50) / 100; //每次垂直漂浮方向及距离(单位：px)，正数向下，负数向上，如果越大的话就会看起来越不流畅，但在某些需求下你可能会需要这种效果  

            var delay = 30; //定期执行的时间间隔，单位毫秒  
            obj.css({
                left: windowWidth / 2 - obj.width() / 2 + "px",
                top: windowHeight / 2 - obj.height() / 2 + "px"
            }); //把元素设置成在页面中间  
            obj.show(); //元素默认是隐藏的，避免上一句代码改变位置视觉突兀，改变位置后再显示出来  
            var handler = setInterval(move, delay); //定期执行，返回一个值，这个值可以用来取消定期执行  

            obj.hover(function () { //鼠标经过时暂停，离开时继续  
                clearInterval(handler); //取消定期执行  
            }, function () {
                handler = setInterval(move, delay);
            });

            obj.find(".close").click(function () { //绑定关闭按钮事件  
                close();
            });
            $(window).resize(function () { //当改变窗口大小时，重新获取浏览器大小，以保证不会过界（飘出浏览器可视范围）或漂的范围小于新的大小  
                windowHeight = $(window).height(); //浏览器高度  
                windowWidth = $(window).width(); //浏览器宽度  
            });

            function move() { //定期执行的函数，使元素移动  
                var currentPos = obj.position(); //获取当前位置，这是JQuery的函数，具体见：http://hemin.cn/jq/position.html  
                var nextPosX = currentPos.left + dirX; //下一个水平位置  
                var nextPosY = currentPos.top + dirY; //下一个垂直位置  

                // if (nextPosX >= windowWidth - obj.width()) { //这一段是本站特有的需求，当漂浮到右边时关闭漂浮窗口，如不需要可删除  
                //     close();
                // }

                if (nextPosX <= 0 || nextPosX >= windowWidth - obj.width()) { //如果达到左边，或者达到右边，则改变为相反方向  
                    dirX = dirX * -1; //改变方向  
                    nextPosX = currentPos.left + dirX; //为了不过界，重新获取下一个位置  
                }
                if (nextPosY <= 0 || nextPosY >= windowHeight - obj.height() - 5) { //如果达到上边，或者达到下边，则改变为相反方向。              
                    dirY = dirY * -1; //改变方向  
                    nextPosY = currentPos.top + dirY; //为了不过界，重新获取下一个位置  
                }
                obj.css({
                    left: nextPosX + "px",
                    top: nextPosY + "px"
                }); //移动到下一个位置  
            }

            function close() { //停止漂浮，并销毁漂浮窗口  
                clearInterval(handler);
                obj.remove();
            }
        }
    </script>

    <!-- 背景 -->
    <div class="s-bg-box">
        <img class="bg-img-1" src="./images/bg/bg-1.jpg" alt="">
        <img class="bg-img-2" style="display:none" src="./images/bg/bg-2.jpg" alt="">
        <img class="bg-img-3" style="display:none" src="./images/bg/bg-3.jpg" alt="">
        <img class="bg-img-4" style="display:none" src="./images/bg/bg-4.jpg" alt="">
    </div>

    <script>
        $(function () {

            var i = 1;
            setInterval(function () {
                $('.s-bg-box').fadeOut('slow', function () {
                    $('.bg-img-' + i).hide();
                    i++;
                    if (i >= 5) {
                        i = 1;
                    }
                    $('.bg-img-' + i).show();

                    // $('.s-bg-box img').attr('src', './images/bg/bg-' + i + '.jpg');
                    $('.s-bg-box').fadeIn('slow');
                });
            }, 12000);
        });
    </script>

    <div class="s-content-box">

        <!-- 头部 -->
        <div class="s-header-box">
            <div class="s-logo-box"></div>
        </div>


        <!-- nav模板引擎 -->
        <script type="text/x-jsrender" id="nav-specCard">
            {{for return_body}} {{if #getIndex()
            <11}} <li class="" lmid="{{:content}}">
                <a href="{{:url}}" target="_blank">{{:title}}</a>
                </li>
                {{/if}} {{/for}}
        </script>

        <!-- nav -->
        <div class="s-nav-box">
            <ul class="left-box" id="nav-box">
                <li class="active">
                    <a>加载中...</a>
                </li>
            </ul>
            <div class="search-input-box">
                <input type="text" id="search-input" class="search-input" placeholder="站内搜索" />
                <div class="search-btn"></div>
            </div>
            <label for="search-input" class="search-lable">站内搜索</label>
            <script>
                $('.search-btn').on('click', function () {
                    var search_val = $('#search-input').val();
                    if (!search_val) {
                        return;
                    }
                    $('#search-input').val('');
                    window.open(encodeURI('/app/search.html?title=' + search_val));

                });
            </script>
        </div>

        <!-- 内容1部分 -->
        <div class="s-model-content-box">
            <!-- 内容上部分 -->
            <div class="s-up-model-box">
                <div class="s-up-left-box">
                    <div class="s-up-left-banner">
                        <script type="text/x-jsrender" id="banner-specCard">
                            {{for return_body}}
                            <li>
                                <a href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank" style="width:100%;height:100%;display:block">
                                    <img src="{{:pic}}" alt="{{:title}}" title="{{:title}}" />
                                </a>
                            </li>
                            {{/for}}
                        </script>
                        <ul class="diaporama1" id="banner-box">
                            <li>
                                加载中...
                                <!-- <img src="./images/jDiaporama/1.jpg" alt="图片" title="【信息公开】矿区分局退赃大会" /> -->
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="s-up-line"></div>
                <script type="text/x-jsrender" id="content1-specCard">

                    <div class="s-up-right-up">
                        <div class="icon icon3"></div>
                        <span class="text">
                            <a href="/app/sub.html?lmid={{:return_body[0]['lmDB']['id']}}" target="_blank" style="text-decoration:none;color:#fff;">
                                {{:return_body[0]['lmDB']['lm']}}
                            </a>
                            <a href="/app/sub.html?lmid={{:return_body[0]['lmDB']['id']}}" target="_blank" 
                            style="text-decoration:none;
                            color:#fff;
                            float: right;
                            margin-right: 25px;
                            font-size: 14px;">更多..</a>
                        </span>
                    </div>

                    <ul class="s-up-right-bottom">
                        {{for return_body[0]['date']}} {{if #getIndex()
                        <8}} <li>
                            <span class="circle"></span>

                            <a class="title-box" href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" style="
                            {{if qianShou==1&&isNew==1}}
                                max-width:340px;
                                {{else qianShou==1||isNew==1 && (qianShou!=isNew)}}
                                max-width:380px;
                                {{else}}
                                max-width:410px;
                            {{/if}}
                            " target="_blank" title={{:title}}>{{:title}}
                            </a>

                            <a class="icon-group-box" href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank">
                                {{if isNew==1}}
                                <img src="/app/images/new.gif"> {{/if}} {{if qianShou==1}}
                                <b style="color:red;font-size:12px;line-height: 36px;">[签收]</b>
                                {{/if}}

                                <b style="font-size:12px;line-height: 36px;color:#000;">{{timeFilter:time}}</b>
                            </a>
                            </li>
                            {{/if}} {{/for}}
                    </ul>
                </script>

                <div class="s-up-right-box" id="content1-box">


                    <div class="s-up-right-up">
                        <div class="icon icon3"></div>
                        <span class="text">
                            加载中...
                        </span>
                    </div>
                    <ul class="s-up-right-bottom">
                        <li>
                            <span class="circle"></span>
                            <a>加载中...</a>
                        </li>


                    </ul>
                </div>
            </div>

            <!-- 内容2 -->
            <script type="text/x-jsrender" id="content2-specCard">
                {{for return_body}} {{if #getIndex()
                <9}} <div class="s-bottom-sub-box first-dom" style="margin-left:20px;">
                    <div class="s-bottom-sub-top">
                        <div class="icon"></div>
                        <a href="/app/sub.html?lmid={{:#data['lmDB']['id']}}" target="_blank" style="text-decoration:none;color:#135ec3;">
                            {{:#data['lmDB']['lm']}}
                        </a>
                    </div>

                    <ul class="s-bottom-sub-bottom">
                        {{for #data['date']}} {{if #getIndex()
                        <=4}} <li>
                            <span class="circle"></span>

                            <a href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank" class="title-box" style="
                                {{if qianShou==1}}
                                max-width:230px;
                                {{/if}}
                            ">{{:title}}
                            </a>

                            <a class="icon-group-box" href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank">
                                {{if qianShou==1}}
                                <b style="color:red;font-size:12px;line-height: 34px;">[签收]</b>
                                {{/if}}
                                <b style="font-size:12px;line-height: 34px;color:#000;">{{timeFilter:time}}</b>
                            </a>


                            </li>
                            {{/if}} {{/for}}
                    </ul>
        </div>
        {{/if}} {{/for}}

        </script>

            <div class="s-bottom-model-box" id="content2-box">
                <div class="s-bottom-sub-box first-dom">
                    <div class="s-bottom-sub-top">
                        <div class="icon"></div>
                        加载中...
                    </div>
                    <ul class="s-bottom-sub-bottom">
                        <li>
                            <span class="circle"></span>
                            <a>加载中...</a>
                        </li>

                    </ul>
                </div>


            </div>
        </div>


        <!-- 图片 -->
        <div class="img-box"></div>


        <!-- 内容部分2 -->
        <div class="g-module2">
            <div class="g-module2-content">
                <div class="g-left-content-box">
                    <div class="g-left-content-time" id="zhiban-box">
                        <span class="g-todayduty">今日值班</span>
                        <br>
                        <div class="g-todayduty-msg">
                            <span class="g-time-m">00</span>
                            <span class="g-time-mx">月</span>
                            <span class="g-time-d">00</span>
                            <span class="g-time-dx">日</span>

                            <br>
                            <span class="g-watchpeople">主班：无 副班：无</span>

                            <br>

                            <a href="/app/zhiban.html" target="_blank" class="g-watchlist">月份值班表</a>
                        </div>
                    </div>

                    <!-- 今日模板引擎 -->
                    <script type="text/x-jsrender" id="zhiban-specCard">
                    <span class="g-todayduty">今日值班</span>
                    <br>
                    <div class="g-todayduty-msg">
                        <span class="g-time-m">{{:m}}</span>
                        <span class="g-time-mx">月</span>
                        <span class="g-time-d">{{:d}}</span>
                        <span class="g-time-dx">日</span>

                        <br>
                        <span class="g-watchpeople">{{:content['content']}}</span>

                        <br>

                        <a href="/app/zhiban.html" target="_blank" class="g-watchlist">{{:m}}月份值班表</a>
                    </div>
                </script>

                    <!-- 获取值班表 -->
                    <script>
                        $(function () {

                            $.ajax({
                                type: 'post',
                                url: $.webConfig.apiUrl + 'webgg/getWebggByDate',
                                data: {
                                    addtime: $.timeFillter(new Date())
                                },
                                dataType: 'json',
                                success: function (data) {
                                    if (data['return_code'] == 1) {

                                        var date = new Date();
                                        var m = date.getMonth() + 1;
                                        var d = date.getDate();

                                        var obj1 = {
                                            m: m,
                                            d: d,
                                            content: data['return_body']
                                        }
                                    } else {

                                        var date = new Date();
                                        var m = date.getMonth() + 1;
                                        var d = date.getDate();

                                        var obj1 = {
                                            m: m,
                                            d: d,
                                            content: {
                                                content: "主班：无 副班：无"
                                            }
                                        }
                                    }
                                    //获取模板
                                    var jsRenderTpl = $.templates('#zhiban-specCard');
                                    //末班与数据结合
                                    var finalTpl = jsRenderTpl(obj1);
                                    $('#zhiban-box').html(finalTpl);
                                },
                                error: function (err) {
                                    // console.log(err);
                                }
                            });

                        })
                    </script>


                    <div class="g-left-content-ul">

                        <ul class="g-nav-ul" id="bumen-box">
                            <li class="g-nav-li">
                                <a style="text-decoration:none;color:#000;">加载中...</a>
                            </li>
                        </ul>
                    </div>

                </div>

                <!-- 部门链接模板 -->
                <script type="text/x-jsrender" id="bumen-specCard">
                {{for return_body}}
                <li class="g-nav-li">
                    <a href="{{:url}}" target="_blank" style="text-decoration:none;color:{{:color}};font-size:{{:size}}px;font-weight:{{:bold}}">{{:title}}</a>
                </li>
                {{/for}}
            </script>

                <script>
                    $(function () {
                        // 获取导航
                        $.ajax({
                            type: 'post',
                            url: $.webConfig.apiUrl + 'departmentalink/getdepartmentalink',
                            dataType: 'json',
                            success: function (data) {
                                if (data['return_code'] == 1) {
                                    //获取模板
                                    var jsRenderTplBumen = $.templates('#bumen-specCard');
                                    //末班与数据结合
                                    var finalTplBumen = jsRenderTplBumen(data);
                                    $('#bumen-box').html(finalTplBumen);
                                }
                            },
                            error: function (err) {
                                console.log(err);
                            }
                        });

                    })
                </script>




                <!-- 内容3 -->
                <script type="text/x-jsrender" id="content3-specCard">
                {{for return_body}}

                <div class="g-right-content">
                    <div>
                        <img class="g-title-icon" src="./images/title-icon.png" alt="{{:lm}}">
                        <a class="g-title" href="/app/sub.html?lmid={{:#data['lmDB']['id']}}" target="_blank" style="text-decoration:none;">{{:#data['lmDB']['lm']}}</a>
                    </div>
                    <div class="g-dividing-line-w"></div>
                    <div>
                        <ul class="g-title-ul">
                            {{for #data['date']}} {{if #getIndex()
                            <7}} <li class="g-title-li">
                                <a href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank" class="title-box" style="text-decoration:none;color:#000;
                                {{if qianShou==1}}
                                max-width:190px;
                                {{/if}}
                                ">
                                    <span class="g-title-dian"> ·</span>
                                    {{:title}}
                                </a>

                                <a class="icon-group-box" href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank">
                                    {{if qianShou==1}}
                                    <b style="color:red;font-size:12px;line-height: 28px;">[签收]</b>
                                    {{/if}}
                                    <b style="font-size:12px;line-height: 28px;color:#000;">{{timeFilter:time}}</b>
                                </a>
                                </li>
                                {{/if}} {{/for}}
                        </ul>
                    </div>
                </div>

                {{/for}}

            </script>

                <div class="g-right-content-box" id="content3-box">
                    <div class="g-right-content">
                        <div>
                            <img class="g-title-icon" src="./images/title-icon.png" alt="加载中...">
                            <span class="g-title">加载中...</span>
                        </div>
                        <div class="g-dividing-line-w"></div>
                        <div>
                            <ul class="g-title-ul">
                                <li class="g-title-li">
                                    <a style="text-decoration:none;color: rgb(87, 87, 87);">
                                        <span class="g-title-dian"> ·</span>
                                        加载中...
                                    </a>

                                </li>
                            </ul>
                        </div>
                    </div>
                </div>



            </div>



        </div>


        <!-- 弹出图片插件 -->
        <div class="s-layer-box">
            <img src="" alt="">
        </div>

        <script>
            $(document).on('click', '.picture-list-img', function () {
                var src = $(this).attr('src');
                $('.s-layer-box img').attr('src', src);
                $('.s-layer-box').fadeIn();
            });
            $('.s-layer-box').on('click', function () {
                $('.s-layer-box').fadeOut();
            });
        </script>


        <!-- 工作动态 -->
        <div class="s-history-box">
            <div class="s-history-head">
                <div class="s-history-head-left" style="cursor:pointer;">
                    工作动态
                </div>
                <div style="clear:both;"></div>
            </div>

            <div class="s-history-banner-box">
                <div class="hd">
                    <a class="prev" href="javascript:void(0)">
                        <img src="./images/slider/left.jpg" />
                    </a>
                    <a class="next" href="javascript:void(0)">
                        <img src="./images/slider/right.jpg" />
                    </a>
                </div>
                <div class="bd">
                    <ul class="picList" id="piclist-box">
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="./images/slider/img-1.jpg" />
                                </a>
                            </div>
                            <div class="title">
                                <a>加载中...</a>
                            </div>
                        </li>
                    </ul>
                </div>

                <script type="text/x-jsrender" id="piclist-specCard">
                {{for return_body}} {{if picClassify == 2}}
                <li>
                    <div class="pic">
                        <a class="tip" title= "{{:title}}">
                            <img id = "g-gzdt-pic" src="{{:picUrl}}" class="picture-list-img" />
                        </a>
                    </div>
                    <div class="title">
                        <a href="{{:jumpPath}}" target="_blank">{{:title}}</a>
                    </div>
                </li>
                {{/if}} {{/for}}
            </script>

            </div>
        </div>
        <!-- 内容部分2 -->
        <script type="text/x-jsrender" id="content4-specCard">
        {{for return_body}}
        <div class="s-bottom-sub-box" style="margin-left:12px;">
            <div class="s-bottom-sub-top">
                <div class="icon icon1"></div>
                <a class="title" href="/app/sub.html?lmid={{:#data['lmDB']['id']}}" target="_blank" style="text-decoration:none;">
                    {{:#data['lmDB']['lm']}}
                </a>
                <a href="/app/sub.html?lmid={{:#data['lmDB']['id']}}" target="_blank" class="more-btn">更多..</a>
            </div>
            <ul class="s-bottom-sub-bottom">
                {{for #data['date']}} {{if #getIndex()
                <5}} <li>
                    <span class="circle"></span>
                    <a href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank" class="title-box" style="
                        {{if qianShou==1}}
                        max-width:270px;
                        {{/if}}
                    ">{{:title}}
                    </a>

                    <a class="icon-group-box" href="/app/detail.html?articleid={{:id}}&lmid={{:lm}}" target="_blank">
                        {{if qianShou==1}}
                        <b style="color:red;font-size:12px;line-height: 28px;">[签收]</b>
                        {{/if}}
                        <b style="font-size:12px;line-height: 28px;color:#000;">{{timeFilter:time}}</b>
                    </a>
                    </li>
                    {{/if}} {{/for}}
            </ul>
        </div>
        {{/for}}
    </script>

        <div class="s-model1-content-box">
            <div class="s-model1-sub-box" id="content4-box">

                <div class="s-bottom-sub-box" style="margin-left:0px;">
                    <div class="s-bottom-sub-top">
                        <div class="icon icon1"></div>
                        <span class="title">
                            加载中...
                        </span>
                        <a class="more-btn">更多..</a>
                    </div>
                    <ul class="s-bottom-sub-bottom">
                        <li>
                            <span class="circle"></span>
                            <a>加载中...</a>
                        </li>


                    </ul>
                </div>
            </div>

        </div>


        <!-- <script type="text/x-jsrender" id="youqing-specCard">
        {{for return_body}} {{if picClassify == 3}}

        <li class="g-foot-nav-li">
            <a href="{{:jumpPath}}" style="width:100%;height:100%;display:block;">
                <img width="100%" height="100%" src="{{:picUrl}}" alt="{{:title}}">
            </a>
        </li>
        {{/if}} {{/for}}
    </script> -->

        <!-- footer nav -->
        <!-- <div class="g-foot-nav-box">
        <ul class="g-foot-nav-ul" id="youqing-box">
            <li class="g-foot-nav-li">
                加载中...
            </li>
        </ul>
    </div> -->


    </div>

    <!-- 图片接口 -->
    <script>

        $(function () {

            // 获取轮播图
            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'news/getquerynews',
                dataType: 'json',
                success: function (data) {
                    // console.log(data);
                    if (data['return_code'] == 1) {


                        // // banner
                        //获取模板
                        var jsRenderTpl = $.templates('#banner-specCard');
                        //末班与数据结合
                        var finalTpl = jsRenderTpl(data);
                        $('#banner-box').html(finalTpl);
                        $(".diaporama1").jDiaporama({
                            animationSpeed: "normal",
                            delay: 4,
                            currentimage: false
                        });
                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });
            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'picture/getqiantaipicture2',
                dataType: 'json',
                success: function (data) {
                    // console.log(data);
                    if (data['return_code'] == 1) {
                        // picList
                        //获取模板
                        var jsRenderTpl = $.templates('#piclist-specCard');
                        //末班与数据结合
                        var finalTpl = jsRenderTpl(data);
                        $('#piclist-box').html(finalTpl);

                        setTimeout(function () {
                            $(".s-history-banner-box").slide({
                                titCell: ".hd ul",
                                mainCell: ".bd ul",
                                autoPage: true,
                                effect: "leftLoop",
                                autoPlay: true,
                                vis: 6,
                                trigger: "click",
                                prevCell:".prev",
                                nextCell:".next"
                            });

                            $('.s-history-head-right').on('click', function () {
                                $('.s-history-banner-box .hd .next').trigger(
                                    'click');
                            });
                            // 鼠标停留时提示信息
                            $('.tip').poshytip();
                        }, 0);
                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });
            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'picture/getqiantaipicture4',
                dataType: 'json',
                success: function (data) {
                    // console.log(data);
                    if (data['return_code'] == 1) {
                        // 友情
                        // var jsRenderTplYq = $.templates('#youqing-specCard');
                        // //末班与数据结合
                        // var finalTplYq = jsRenderTplYq(data);
                        // $('#youqing-box').html(finalTplYq);


                        // 浮动窗口
                        var jsRenderTplFload = $.templates('#fload-specCard');
                        //末班与数据结合
                        var finalTplFload = jsRenderTplFload(data);
                        $('#fload-box').html(finalTplFload);
                        setTimeout(function () {
                            $.each(data['return_body'], function (key, val) {
                                if (val['picClassify'] == 4) {
                                    FloatAd('#floadAD_' + val['id']);
                                }
                            });
                        }, 0);

                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });

            // 定义时间过滤器 [MM.dd]
            $.views.converters("timeFilter", function (val) {
                if (val != null) {
                    var fmt = "[MM.dd]";
                    var data = new Date(val);
                    var month = data.getMonth() + 1;
                    var day = data.getDate();
                    if (month <= 9) {
                        month = '0' + month;
                    }
                    if (day <= 9) {
                        day = '0' + day;
                    }
                    fmt = '[' + month + '.' + day + ']';
                    return fmt;
                } else {

                    return "[未知]"

                }
            });

            // 获取首页列表
            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'lm/yemian',
                dataType: 'json',
                data: {
                    sequenceNO: 1
                },
                success: function (data) {
                    if (data['return_code'] == 1) {
                        var jsRenderTpl1 = $.templates('#content1-specCard');
                        //末班与数据结合
                        var finalTpl1 = jsRenderTpl1(data);
                        $('#content1-box').html(finalTpl1);

                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });

            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'lm/yemian',
                dataType: 'json',
                data: {
                    sequenceNO: 2
                },
                success: function (data) {
                    if (data['return_code'] == 1) {
                        var jsRenderTpl2 = $.templates('#content2-specCard');
                        //末班与数据结合
                        var finalTpl2 = jsRenderTpl2(data);
                        $('#content2-box').html(finalTpl2);

                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });

            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'lm/yemian',
                dataType: 'json',
                data: {
                    sequenceNO: 3
                },
                success: function (data) {
                    if (data['return_code'] == 1) {
                        var jsRenderTpl3 = $.templates('#content3-specCard');
                        //末班与数据结合
                        var finalTpl3 = jsRenderTpl3(data);
                        $('#content3-box').html(finalTpl3);
                        // setTimeout(function(){
                        //     var content2_height=$('.g-module2-content').height();
                        //     $('.g-left-content-box').height(content2_height-10);
                        // },0);
                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });

            $.ajax({
                type: 'post',
                url: $.webConfig.apiUrl + 'lm/yemian',
                dataType: 'json',
                data: {
                    sequenceNO: 4
                },
                success: function (data) {
                    console.log(data);
                    if (data['return_code'] == 1) {
                        var jsRenderTpl4 = $.templates('#content4-specCard');
                        //末班与数据结合
                        var finalTpl4 = jsRenderTpl4(data);
                        $('#content4-box').html(finalTpl4);

                    }
                },
                error: function (err) {
                    // console.log(err);
                }
            });




            // var obj = {};
            // 获取列表
            // $.ajax({
            //     type: 'post',
            //     url: $.webConfig.apiUrl + 'lm/getlm',
            //     dataType: 'json',
            //     success: function (data) {
            //         if (data['return_code'] == 1) {

            //             $.each(data['return_body'], function (key, val) {
            //                 if (obj[val['sequenceNO']]) {
            //                     //if (obj[val['sequenceNO']].length >= 9) {
            //                     //    return;
            //                     //}
            //                     obj[val['sequenceNO']].push(val);
            //                 } else {
            //                     obj[val['sequenceNO']] = [];
            //                     obj[val['sequenceNO']].push(val);
            //                 }
            //             })

            //             $.each(obj, function (key, val) {
            //                 $.each(val, function (subKey, subVal) {
            //                     $.ajax({
            //                         type: 'post',
            //                         url: $.webConfig.apiUrl +
            //                             'lm/qiantailm',
            //                         data: {
            //                             id: subVal['id']
            //                         },
            //                         async: true,
            //                         dataType: 'json',
            //                         success: function (data) {
            //                             console.log("data:"+data)
            //                             if (data['return_code'] == 1) {
            //                                 obj[key][subKey]['children'] =
            //                                     data['return_body'];
            //                                 refulshPage();
            //                             }
            //                         },
            //                         error: function (err) {
            //                             // console.log(err);
            //                         }
            //                     })
            //                 })
            //             })
            //         }

            //     },
            //     error: function (err) {
            //         // console.log(err);
            //     }
            // })


            // 数据改变时刷新页面数据
            // var flag = true;

            // function refulshPage() {
            //     setTimeout(function () {
            //         console.log(obj)
            //         //获取模板
            //         var jsRenderTpl1 = $.templates('#content1-specCard');
            //         //末班与数据结合
            //         var finalTpl1 = jsRenderTpl1(obj[1]);
            //         $('#content1-box').html(finalTpl1);

            //         //获取模板
            //         var jsRenderTpl2 = $.templates('#content2-specCard');
            //         //末班与数据结合
            //         var finalTpl2 = jsRenderTpl2(obj[2]);
            //         $('#content2-box').html(finalTpl2);


            //         //获取模板
            //         var jsRenderTpl3 = $.templates('#content3-specCard');
            //         //末班与数据结合
            //         var finalTpl3 = jsRenderTpl3(obj[3]);
            //         $('#content3-box').html(finalTpl3);


            //         //获取模板
            //         var jsRenderTpl4 = $.templates('#content4-specCard');
            //         //末班与数据结合
            //         var finalTpl4 = jsRenderTpl4(obj[4]);
            //         // console.log(finalTpl4)
            //         $('#content4-box').html(finalTpl4);


            //         $('.s-model1-content-box .s-model1-sub-box .s-bottom-sub-box').eq(0).css(
            //             'margin-left:0px;');
            //         $('.s-model1-content-box .s-model1-sub-box .s-bottom-sub-box').eq(3).css(
            //             'margin-left:0px;');
            //         $('.s-model1-content-box .s-model1-sub-box .s-bottom-sub-box').eq(6).css(
            //             'margin-left:0px;');
            //         $('.s-model-content-box .s-bottom-model-box .s-bottom-sub-box').eq(0).css(
            //             'margin-left:0px;');

            //     }, 0);
            // }
        })
    </script>

    <!-- footer -->
    <div class="s-footer-box">
        <div class="s-footer-logo"></div>

        <!-- footer模板引擎 -->
        <script type="text/x-jsrender" id="footer-specCard">
            <p class="s-footer-content1">
                <span class="left">版权所有: {{:bqsy}}</span>
                <span class="right">地址：{{:dz}}</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">负责人：{{:fzr}}</span>
                <span class="right">维护人：{{:whr}}</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">电话：{{:dh}}</span>
                <span class="right">报警电话：{{:bjdh}}</span>
            </p>

            <p class="s-footer-content2">
                <a href="/app/IE8cn_XP.exe" style="text-decoration:none;color:#fff">【IE浏览器下载】</a>
                <a href="/app/login.html" style="text-decoration:none;color:#fff" target="_blank">| 后台链接</a>
            </p>

            <div class="s-footer-content3">
                <span class="text">
                    <!-- {{:bah}} -->
                </span>
            </div>

            <!-- footerlogo -->
            <!-- <div class="s-footer-icon">
                <div class="s-footer-icon-1"></div>
                <div class="s-footer-icon-2"></div>
            </div> -->
        </script>


        <div class="s-footer-content-box" id="footer-box">

            <p class="s-footer-content1">
                <span class="left">版权所有: 加载中...</span>
                <span class="right">地址：加载中...</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">负责人：加载中...</span>
                <span class="right">维护人：加载中...</span>
            </p>
            <p class="s-footer-content2">
                <span class="left">电话：加载中...</span>
                <span class="right">报警电话：加载中...</span>
            </p>

            <p class="s-footer-content2">
                <a href="/app/IE8cn_XP.exe" style="text-decoration:none;color:#fff">【IE浏览器下载】</a>
                <a href="/app/login.html" style="text-decoration:none;color:#fff" target="_blank">| 后台链接</a>
            </p>

            <div class="s-footer-content3">
                <span class="text">
                     
                </span>
            </div>

            <!-- footerlogo -->
            <!-- <div class="s-footer-icon">
                <div class="s-footer-icon-1"></div>
                <div class="s-footer-icon-2"></div>
            </div> -->


        </div>

    </div>

</body>
<script src="./js/common.js"></script>

</html>